<template>
    <div>
        {{ aaa }}
    </div>
</template>

<script>
export default {
    data() {
        return {
            aaa: 'aaa'
        }
    },
    beforeCreate() {
        console.log('beforeCreate', this.aaa)   // undefined
    },
    created() {
        console.log('created', this.aaa)    // aaa
    },
    beforeMount() {
        console.log('beforeMount', this.aaa)    // aaa
    },
    mounted() {
        console.log('mounted', this.aaa)    // aaa
    }
}
</script>

<style>

</style>